<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>修改菜品</title>
		<!-- Bootstrap 信息-->
		<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
		<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
		<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>
	</head>
	<style type="text/css">
		.addTable {
			font-size: 13px;
			width: 50%;
			margin-left: 50px;
			
		}
		
		.addTable .name_td {
			font-weight: initial;
			width: 150px;
			
			/*text-indent: 1em;*/
		}
		
		.addTable td {
			height: 35px;
			line-height: 35px;
			/*border-bottom: 1px solid #CBCCCE;*/
			padding: 3px;
		}
		
		input,
		textarea {
			border: 1px solid #ADAEB0;
		}
		
		html,
		body {
			width: 100%;
			height: 100%;
			margin: 0px;
			border: 0px;
			overflow: hidden;
			background-color: #fff;
			
		}
		
		.opDiv {
			padding: 4px;
			height: 25px;
			width: 99%;
			margin: 3px 0px 3px 0px;
		}
		
		.titlebar {
			float: left;
			font-size: 18px;
			font-weight: bold;
			color: #747474;
			font-family: ����;
			height: 25px;
			line-height: 25px;
			text-indent: 1em;
		}
	</style>
	<body>
		<form action="" method="get">
			<div class="opDiv">
				<div class="titlebar"><span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>修改菜品</div>
			</div>
			<hr />
			<table class="addTable">
				<tr>
					<td class="name_td">菜品编号：</td>
					<td><input type="text" class="form-control" name="foodId" msg="菜品名称" aria-describedby="sizing-addon1"></td>
				</tr>
				<tr>
					<td class="name_td">菜品名称：</td>
					<td><input type="text" class="form-control" name="foodName" msg="菜品名称" aria-describedby="sizing-addon1"></td>
				</tr>
				<tr>
					<td class="name_td">菜品类型：</td>
					<td>
						<select name="foodTypeId" class="form-control">
							<option>--请选择菜品类型--</option>
						</select>
					</td>
				</tr>
				<tr>
					<td class="name_td">商铺：</td>
					<td>
						<input type="text" class="form-control" name="shopId" msg="菜品名称" aria-describedby="sizing-addon1">
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<div style="text-align: center;">
							<br />
							<input class="btn btn-info" type="submit" onclick="return checkNull()" value="提交表单" />&nbsp;&nbsp;
							<input class="btn btn-info" type="reset" value="重置表单" />
						</div>
					</td>
				</tr>
			</table>
		</form>
	</body>
	<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
	<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
	<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</html>